//页面加载完成
$(function () {
    //    执行事件
    var inteface=[
        "http://api.tianapi.com/topnews/index?key=7db75f0a8b9e89d93762b622eea1a8f0",
        "http://api.tianapi.com/esports/index?key=7db75f0a8b9e89d93762b622eea1a8f0&num=10",
        "http://api.tianapi.com/nba/index?key=7db75f0a8b9e89d93762b622eea1a8f0&num=10",
        "http://api.tianapi.com/huabian/index?key=7db75f0a8b9e89d93762b622eea1a8f0&num=10"
    ]
    var page=0;//接口翻页
    var tabnum=0;//该数值表明在哪一栏
    var a=0;b=0;c=0;d=0;//该数值保证加载页面不重复
    function showtype(zty){
        $.ajax({
            url:zty,
            type:"GET",
            success:function(data){
                console.log(data);
                var html="";
                $.each(data.newslist,function (index,item) {
                html += `
                <div class="card" data-url="${item.url}">
                    <div class="left"><img src="${item.picUrl}" alt=""></div>
                    <div class="right">
                        <h5>${item.title}</h5>
                        <div class="sourse-content">
                            <span>来源：${item.source}</span>
                            <span>${item.ctime}</span>
                        </div>
                    </div>
                </div>
                `
                });
                $(".newscontainer").append(html);
                console.log(page)
                page++;
                if(page==4){
                    page=0;
                }
                if(page==3&&tabnum==3){
                    page=0;
                }
                else if(page==0&&tabnum==0){
                    page++;
                }
                else if(page==1&&tabnum==1){
                    page++;
                }
                else if(page==2&&tabnum==2){
                    page++;
                }
                //该判断保证每栏可加载下一页
            },
            error:function(){
                alert("出错了");
            },
            dataType:"json"
        });
    }
    for(var i=0;i<$(".newstab li").length;i++){
        $(".newstab li").eq(i).attr('index',i);
        $(".newstab li").eq(i).click(function(){
            $(".newscontainer").html("");
            $(this).addClass("current").siblings().removeClass("current");
            a=0;b=0;c=0;d=0;
            showtype([inteface[$(".current").attr('index')]]);
            tabnum=$(".current").attr('index');
        })
    }
    showtype("http://api.tianapi.com/topnews/index?key=7db75f0a8b9e89d93762b622eea1a8f0");
    $(".newscontainer").on("click", ".card", function () {
        window.location.href = $(this).data("url");
    })
    $(window).scroll(function () {
        if ($(document).scrollTop() >= $(document).height() - $(window).height()&&page==1&&(tabnum==0||tabnum==2||tabnum==3)) {
            if(a==0){
                alert("加载下一页内容");
                showtype("http://api.tianapi.com/esports/index?key=7db75f0a8b9e89d93762b622eea1a8f0&num=10");
                a++;
            }
            //系统不会请求完后再执行下面的程序，而可能是边请求，边执行下面的代码
            //所以在要使用请求后的更改的数据进行判断：不太实际
            //so：如果需要判断可以选择在请求成功中运行
        }
        else if ($(document).scrollTop() >= $(document).height() - $(window).height()&&page==2&&(tabnum==0||tabnum==1||tabnum==3)) {
            if(b==0){
                alert("加载下一页内容");
                showtype("http://api.tianapi.com/nba/index?key=7db75f0a8b9e89d93762b622eea1a8f0&num=10");
                b++;
            }
        }
        else if ($(document).scrollTop() >= $(document).height() - $(window).height()&&page==3&&(tabnum==0||tabnum==1||tabnum==2)) {
            if(c==0){
                alert("加载下一页内容");
                showtype("http://api.tianapi.com/huabian/index?key=7db75f0a8b9e89d93762b622eea1a8f0&num=10");
                c++;
            }    
        }
        else if($(document).scrollTop() >= $(document).height() - $(window).height()&&page==0&&(tabnum==1||tabnum==2||tabnum==3)){
            if(d==0){    
                alert("加载下一页内容");
                showtype("http://api.tianapi.com/topnews/index?key=7db75f0a8b9e89d93762b622eea1a8f0");
                d++;
            }
        }
    });

    //搜索接口内容的方法
    function sel(zty){
        $.ajax({
            url:zty,
            type:"GET",
            success:function(data){
                var html="";
                $.each(data.newslist,function (index,item) {
                    if(item.title.indexOf($("#selectinput").val())!==-1){
                        html += `
                        <div class="card" data-url="${item.url}">
                            <div class="left"><img src="${item.picUrl}" alt=""></div>
                            <div class="right">
                                <h5>${item.title}</h5>
                                <div class="sourse-content">
                                    <span>来源：${item.source}</span>
                                    <span>${item.ctime}</span>
                                </div>
                            </div>
                        </div>
                        `
                    }
                });
                $(".newscontainer").append(html);
            },
            error:function(){
                alert("出错了");
            },
            dataType:"json"
        });
    }
    //在不同栏中搜索搜索
    $(".selectlog").click(function(){
        if($("#selectinput").val()!=""){
            if(tabnum==0){
                $(".newscontainer").html("");
                sel("http://api.tianapi.com/topnews/index?key=7db75f0a8b9e89d93762b622eea1a8f0");
            }
            else if(tabnum==1){
                $(".newscontainer").html("");
                sel("http://api.tianapi.com/esports/index?key=7db75f0a8b9e89d93762b622eea1a8f0&num=10");
            }
            else if(tabnum==2){
                $(".newscontainer").html("");
                sel("http://api.tianapi.com/nba/index?key=7db75f0a8b9e89d93762b622eea1a8f0&num=10");
            }
            else if(tabnum==3){
                $(".newscontainer").html("");
                sel("http://api.tianapi.com/huabian/index?key=7db75f0a8b9e89d93762b622eea1a8f0&num=10");
            }
        }
    })
})